<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text">
    <script>
       /* 
        函数防抖
        + 短时间内快速触发同一个事件
        + 每一次都用下一次干掉上一次, 永远执行最后一次
       */

      var inp = document.querySelector('input');
      inp.oninput = (function(timer){
        return function(){
            clearTimeout(timer); // 每次把上一次干掉 
            timer = setTimeout(()=>{
              console.log(`您输入的内容是${this.value}`);
            },300)
        }
      })()

    </script>
</body>
</html>